<template>
<div id="app">
<keep-alive>
    <router-view></router-view>
  </keep-alive>
   <Footer :hehe="icon"/>
</div>
</template>
<script>
import Footer from '../src/components/footer'
import {icon} from './api/index'
export default {
    components:{Footer},
    data() {
      return {
        icon:""
      }
    },
   async mounted(){
let data= await icon()
 let list={
   0:data.data.icons[0],
   1:data.data.icons[1],
   2:{navIcon:{active:'../../assets/music lover.png',def:"'../src/assets/music lover.png'"},navId: "music"},
   3:data.data.icons[3],
   4:data.data.icons[4],
 }
this.icon=list
    }
}
</script>

<style>
#app{
  width: 10rem;
  background: red;
  height: 100vh;
    display: flex;
  position: relative;
     
}
*{padding: 0;margin: 0;}


</style>
